// 初始化富文本编辑器
initEditor()

// 1. 初始化图片裁剪器
var $image = $('#image')

// 2. 裁剪选项
var options = {
    aspectRatio: 400 / 280,
    preview: '.img-preview'
}

// 3. 初始化裁剪区域
$image.cropper(options)

$(function () {
    getCate();

    // 点击选择图片
    $('#chooseImgBtn').on('click', function () {
        $('#coverImg').click()
    })

    // 更换文章封面功能
    $("#coverImg").change(function () {
        if (this.files.length == 0) {
            return layui.layer.msg('请选择封面')
        }
        var newImgURL = URL.createObjectURL(this.files[0])
        $image
            .cropper('destroy')      // 销毁旧的裁剪区域
            .attr('src', newImgURL)  // 重新设置图片路径
            .cropper(options)        // 重新初始化裁剪区域
    })

    var state ='已发布';
    $('#draft').click(function(){
        state='草稿';
    })
    $('#form-pub').on('submit',function(e){
        e.preventDefault();
        var fd = new FormData(this);
        $image
        .cropper('getCroppedCanvas',{
            width:400,
            height:200
        })
        .toBlob(function(blob){
            fd.append('cover_img',blob);
            fd.append('state',state);
            fd.forEach(function(value,key){
                console.log(key);
                console.log(value);
                console.log('===');
            })

            $.ajax({
                method:'POST',
                url:'/my/article/add',
                data:fd,
                processData:false,
                contentType:false,
                success:function(res){
                  if(res.status !=0) return layui.layer.msg(res.message)
                  layui.layer.msg(res.message);
                    console.log(res);
                }
            })

        })
    })

})

function getCate() {
    $.ajax({
        method: 'GET',
        url: '/my/article/cates',
        success: function (res) {
            if (res.status != 0) return layui.layer.msg(res.message);
            // console.log(res.data)
            var htmlStr = template('tpl', res);
            $('select').html(htmlStr);
            layui.form.render('select');
        }
    })
}
